$(function () {
    //1.获取用户信息,重置时还要用,所以封装成函数
    let layer = layui.layer
    let form = layui.form
    initUserInfo()
    function initUserInfo() {
        axios({
            method: 'GET',
            url: '/my/userinfo',
            // headers: { Authorization: localStorage.getItem('token') }
        }).then((res) => {
            if (res.data.status !== 0) return layer.msg(res.data.message);
            form.val("formUserInfo",
                //form.val方法把axios请求的res.data.data的name对应的input的name赋值
                res.data.data
            );
        })
    }

    //2.自定义校验
    form.verify({
        nickname: function (value) {
            if (value.length > 10) {
                return '用户昵称1~10位之间'
            }
        }
    })

    //3.提交用户信息
    $("#form-userinfo").on('submit', function (e) {
        e.preventDefault();
        axios({
            method: "POST",
            url: "/my/userinfo",
            data: $("#form-userinfo").serialize(),
            // headers: { Authorization: localStorage.getItem('token') }
        }).then((res) => {
            console.log(res.data)
            if (res.data.status !== 0) return layer.msg(res.data.message)
            layer.msg(res.data.message)
            //getUserInfo()虽然是一个全局函数,但它是user所在iframe的父元素的函数
            window.parent.getUserInfo()
        })
    })

    //4.重置用户信息
    $("#form-userinfo").on('reset', function (e) {
        e.preventDefault();
        initUserInfo()
    })

//5.更改用户头像

})